<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body{
				background: url('首页/img/中年界面.png') no-repeat;
				width: 100%;
				height: 100%;
				background-size: cover;
			}
			.content{
				width:600px;
				height: 200px;
				position:fixed;
				left: 450px;
				top: 200px;
				color: red;
				overflow: hidden;
				background-color: rgb(128,128,128,0.9);
				border-radius: 15%;
			}
			.content .img-box{
				overflow:hidden;
				position: relative;
				width:110px;
				height:110px;
				display: inline-block;
				cursor:pointer;
				margin-left: 70px;
				margin-top: 35px;
			}
			.content img{
				position: absolute;
				top:0;
				left:0;
				width:110px;
				height: 110px;
				transition:all .5s;
			}
			.content .overlay{
				position: absolute;
				width:110px;
				height: 110px;
				top:0;
				left:0;
				z-index:9;
				line-height:135px;
				text-align: center;
				background-color: rgba(0,0,0,.5);
				opacity: 0;
			}
			.content .title{
			    color:#fff;
			}
			.img-box:hover img{
			    transform:scale(1.2);
			}
			.img-box:hover .overlay{
			    opacity: 1;
			}
			.xts{
				position: fixed;
				width: 1000px;
				height: 650px;
				overflow: hidden;
				left: 300px;
				top: 50px;
				z-index: 100;
				display: none;
			}
			.xts .xt{
				position: absolute;
				left: 0px;
				top: 0px;
				width: 1000px;
				height: 650px;
				z-index: 101;
			}
			.cha{
				position: absolute;
				z-index: 102;
				width: 80px;
				height: 80px;
				left: 0px;
			}
			.hongse{
				position:absolute;
				width:80px;
				height: 80px;
				top:0px;
				left:0px;
				z-index:103;
				background-color: rgba(255,0,0,.5);
				opacity: 0;
			}
			.cc:hover .hongse{
				opacity: 1;
			}
			.cc{
				position: fixed;
				z-index: 102;
				width: 80px;
				height: 80px;
				left: 1220px;
				top: 50px;
				cursor:pointer;
			}
		</style>
	</head>
	<body>
		<!-- 最后页面 -->
		<div id="zuihou" class="content">
			<div id="xiajie" class="img-box">
				<img src="首页/img/下阶段.png" alt="" id="xiajieduan">
				<div class="overlay">
				    <div class="title" id='xuan1'>下阶段</div>
				</div>
			</div>
			<div id="xiaotiesi" class="img-box">
				<img src="首页/img/小贴士.png" alt="" id="xiaotiesi">
				<div class="overlay">
					<div class="title" id="xuan2">小贴士</div>
				</div>
			</div>
			<div id="xiaoyouxi" class="img-box">
				<img src="首页/img/小游戏.png" alt="" id="xiaoyouxi">
				<div class="overlay">
					<div class="title" id="xuan3">小游戏</div>
				</div>
			</div>
		</div>
		<!-- 小贴士 -->
		<div class="xts" id="xts">
			<img src="首页/img/投资诈骗提醒.png" alt="" id="xt">
			<div class="cc" id="cc">
				<img src="首页/img/叉.png" alt="" id="cha" class="cha">
				<div class="hongse"></div>
			</div>	
		</div>
		<script src="首页/jswj/jquery-2.2.4.js"></script>
		<script>
			document.getElementById('xiaoyouxi').onclick=function(){
				window.location.href='贪吃蛇.html'
			}
			document.getElementById('xiaotiesi').onclick=function(){
				document.getElementById('xts').style.display='block'
			}
			document.getElementById('cc').onclick=function(){
				document.getElementById('xts').style.display='none'
			}
			document.getElementById('xiajie').onclick=function(){
				window.location.href='jiaohushi.html'
			}
		</script>
	</body>
</html>